* {margin:0;padding:0;font-family:arial;} body{overflow-x:hidden;position:relative;font-size:12px;} @media(min-width:992px) { body {font-size:14px;} } @media(min-width:1200px) { body {font-size:16px;} } ul,ol{margin:0;padding:0;list-style: none;} .relative {position:relative;} .absolute {position:absolute;} .bold {font-weight: bold;} .block {display:block;} .center {margin:0 auto;} .t_j {text-align: justify!important;} .max-width-450 {max-width:450px;} .max-width-600 {max-width:600px;} .p10 {padding-top:10px;padding-bottom:10px;} .p20 {padding-top:20px;padding-bottom:20px;} .p-20 {padding-left:20px;padding-right:20px;} .f12 {font-size:12px;} .f32 {font-size:32px;} .big {font-size:4.5rem;font-weight: bold;color:#13826a;} a {color:inherit;text-decoration:none!important;cursor :pointer;outline: none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition: all 0.5s;} a:hover {color:inherit;} .transition1s{ transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s; } .color {color:#13826a;}/*文字主色调*/ .color-b {color:#13826a;}/*文字主色调*/ .bg-color {background-color: #13826a;} /*背景主色调*/ /*------------通用分隔符------------*/ /*imgbox 图片比例控制样式*/ .imgbox {overflow: hidden;background:#f5f5f5;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .more {padding-top:30px;text-align:center;font-size:14px;color:#888;} #header {background-color:#f2f2f2;padding-top: 20px;margin-bottom: -40px;} .top_bar {background-color:#f7f7f7;height: 40px;line-height: 40px;} #logo {padding:10px;} #top_tel {position:relative;font-size:16px;padding-top: 30px;} #top_tel b {font-size:28px;color:#13826a; line-height: 2.5rem;} .top_tel-img {position:absolute;right:20px;top:0px;} .top_tel-img img {height:95px;} /*主菜单*/ .menu {position: relative;z-index: 99;} .menu ul {color:#fff;background:#000 url(../Image/header_nav_bg.png) repeat;text-align:center;font-size:16px;padding: 0;} .menu li {display:block;float:left; width:11.11%;text-align:center;} .menu li a {line-height:80px;display:block;height:80px;} .menu li a:hover {background:#ffa60c;} .menu li.active {display:block;background:#13826a;} /*主菜单*/ /*.nav>li>a {padding:0;}*/ /*手机主导航*/ .m_menu {right:0;top:-10px;text-align: right;} .m_menu:hover {opacity:0.7;} .m_panel {background:rgba(0,0,0,0.7);display:none;position:fixed;height:100%;width:100%;z-index:99999;right:0;top:0;} #m_menu {width:0;height:100%;background-color:#fff;float:right;} #m_menu li {width:100%;/*background-color:#fff;*/ } #m_menu li img {max-width:80%;display:block;margin:20px auto;} #m_menu li:first-child,#m_menu li:last-child {height:80px;width:100%;background-color:#fff; } #m_menu li:last-child b {display:block;line-height:40px;text-align: center;font-size:20px; color: #034e95;} #m_menu li a {white-space:nowrap;line-height:45px;text-align:center;font-size:16px;color:#000;width:100%;display:block;} #m_menu li a:hover {background:#13826a;color:#fff;} #m_menu li.active a{background:#13826a;color:#fff;} .m_logo {font-size:24px;font-weight:bold;line-height:32px;padding-top:30px;text-align:center;} /*手机主导航*/ .in_banner {text-align:right;color:#fff;position:relative;overflow:hidden;width:100%; z-index:8;} .banner_bg {width:100%;position:relative;} .banner_bg img {position:relative;left:50%;transform:translateX(-50%);} .page_tag {text-align:center;position:absolute;left:50%;bottom:30px;transform: translateX(-50%);text-shadow: 2px 2px 2px #000;} .index-01 {padding-top:45px;padding-bottom:50px;} .index-01 .title {background:url(../Image/title_01_bg.png) center no-repeat;color:#000;font-size:28px;text-align:center;} .index_01_left {padding-bottom:45px;} .index_01_left .pro_type {line-height: 38px;margin-top:20px;} .index_01_left .pro_type li {text-overflow:ellipsis;white-space: nowrap;} .index_01_left .pro_type li:hover {background-color:#13826a;} .index_01_left .pro_type li a {display:block;} .index_01_left .pro_type li:hover a {color:#fff;} .index_01_left .pro_type li:last-child {margin-bottom:45px;} .index_01_right li div {overflow:hidden;} .index_01_right li img {width:100%;} .index01_tit {background:#13826a;color:#fff;text-align:center;padding:17.5px; font-size:15px;display:block;text-overflow:ellipsis;white-space: nowrap;} .index_01_right li:hover .index01_tit {background:#ffa60c;} .index_01_right li:hover img {transform:scale(1.08);transition:.5s all;} .index01-more {text-align:center;padding-top:0;font-size:18px;color:#888888;margin-top: 25px;} .index_02 {padding-top:75px;padding-bottom:70px;background: url(../Image/index_02_bg.jpg) no-repeat top center;} .in_title_02 {padding-bottom:20px;text-align:center;color:#fff;line-height:55px;font-size:24px;} .in_title_02 b {font-size:42px;} .index_02_content .swiper-slide {background: #fff;} .index02-txtbox {padding:30px;} .index02-txtbox h2 {font-size:24px;} .index02-txtbox p {line-height: 32px;} .index02-imgbox img {max-width:100%;} .index02-imgbox {padding:0;} @media(max-width:767px) { .index_02 {padding-bottom: 0;} } @media(min-width:992px) { .index02-txtbox {padding:60px;} .index02-txtbox span {font-size:20px;} .index02-txtbox h2 {font-size:32px;font-weight:bold;margin:20px 0;} } @media(min-width:1200px) { .index02-txtbox {padding-top:80px;} } .index_02_content .hd {position:absolute;bottom:10%!important;left:5%!important;} .index_02_content .hd li {font-size:0;background:url(../Image/li.png) no-repeat;width:14px;height:14px;margin-right:10px;float:left;} .index_02_content .hd .on {background:url(../Image/li_hover.png);} .index_02_content .hd li:hover {background:url(../Image/li_hover.png);} .index_02_content .p_prev {z-index: 99;position:absolute;left:50%;transform:translateX(-100%);bottom:10%; background:url(../Image/prev_bg.png) no-repeat center;width:84px;height:75px;} .index_02_content .p_next {z-index: 99;position:absolute;left:50%;bottom:10%;background:url(../Image/next_bg.png) no-repeat center;width:84px;height:75px;} .index_03 .more {float:right;padding-top:0;} .index_03 {margin-top:45px;} .index_03_left img {width:100%;} .index_03_left>p {padding-top:20px;line-height: 28px;text-align:justify;} .index_03_left>span, .index_03_right>span {display:block;height:65px;line-height: 40px;font-size: 28px;font-weight: bold;} .index_03_img {width:100%;height:190px;overflow:hidden;} .index_03_img img {width:100%;height:190px;transition: 0.4s all;} .index_03_img img:hover {transform: scale(1.05);} .index_03_right .tit{font-size:15px;line-height: 50px;text-align:center;} .index_04 {padding-top: 40px;} .index_04 .more {float:right;padding-top:0;} .index_04>.container>span {display:block;line-height: 40px;font-size: 28px;font-weight: bold;} .index_04_news li {margin-top:20px;} .index_04_news li:last-child {margin-bottom:50px;} .index_04_news li .tit {overflow:hidden;display:block;text-overflow:ellipsis;white-space: nowrap; font-size:17px;line-height:60px;} .index_04_news li .tit i {float:right;} .index_04_news li .con {color:#aaa;text-align: justify;display: block;line-height: 2.5rem;height:7 .5rem;overflow:hidden;} /*内页*/ .page {margin-top:20px;} .page_title {width:100%;text-align:center;margin-top: 40px;} .page_title i {display:block;width: 57px;margin:20px auto;height: 2px;background: #13826a;} .page_des {margin-top: 20px;color:#666;} .page_content {padding:15px;line-height: 3rem;} .page_content img {max-width:100%!important;} .page_content table {width:100%!important;}/*限制内容表格最大宽度*/ .page_contact ul li {text-align:left;padding: 15px;background: #fff;margin: 0 0 10px 0;font-size: 1.9rem; border-bottom: 1px solid rgba(0,0,0,.1);} .page_contact ul li i {background-color:#13826a;width:40px;height:40px;line-height:40px;color:#fff;border-radius:50%;margin-right: 15px;text-align: center;} .msg_content {height:305px!important;} .info_con {background-color: #13826a;padding: 10px;color: #fff;font-weight: bold;margin-bottom: 20px;} .prev_page {padding-left: 0;} .next_page {padding-right: 0;} .prev_page:hover, .next_page:hover {} .prev_page span,.next_page span {border:1px solid #eee;background-color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;height:100%;padding:20px;} .prev_page span:hover, .next_page span:hover {background:#13826a;color:#fff;} .prev_page span a,.next_page span a {display:inline-block;width:100%;height:100%;} .news_list li {margin-top:10px;} .news_list li a {border-bottom: 1px dashed #ccc/*#13826a*/;transition: all 0.3s;height: 170px;background: #fff;display:block;} .news_list li a:hover {border-bottom:none;background: #fff;box-shadow: 0 5px 5px #ccc;transform: translateY(-10px);} .news_list_img {height: 160px; overflow: hidden;padding: 10px;text-align: center;} .news_list_img img {height: 160px;} .news_list_txt {position:relative;height: 160px;overflow: hidden;padding: 0 20px !important;} .news_list_txt .t1{font-size: 1.8rem;font-weight: bold;line-height: 20px;height:20px;overflow:hidden;margin-top:20px;width: 100%;color: #000;} .news_list_txt .t2{overflow: hidden;margin: 5px 0;height: 50px;font-size: 1.6rem;line-height: 25px;color: #666;} .news_list_txt .t3 {font-size: 1.3rem;line-height: 30px;} .page_type_list {display:flex;flex-flow:row wrap;padding-left:15px;padding-right:15px;width:100%;margin-bottom:20px;} .page_type_list a {font-weight:bold;flex:1;flex-basis:33%;max-width:33%;font-size:14px;padding:5px;color:#0a5cc8;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .page_type_list a div {padding:0 10%;position:relative;overflow:hidden;} .page_type_list a div:after {content:'';transition:height .3s;position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;transform:translateY(100%);background:#000;} .page_type_list a:hover {color:#FFF;} .page_type_list a:hover div:after {content:'';transition:all .3s;transform:translateY(0);} .product_list li {margin-bottom:40px;} .product_list li a:hover img {transform: scale(1.05);transition:all 0.4s;} .product_list li:hover .product_list_tit {background:#000;} .product_list_img {box-sizing: border-box;position: relative;overflow: hidden;} .product_list_img img {width: 100%;transition:all 0.4s;} .product_list_tit {background:#13826a;color: #fff;padding: 3% 5px;width: 100%;} @media(min-width:992px){ .page_type_list a {flex-basis:25%;max-width:25%;line-height: 40px;} } .sy {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; background: url(../Image/sy.png) center no-repeat;background-size: 100%;z-index: 99;} .company {line-height:36px;font-size:16px;text-indent: 2rem;text-align:justify;} .company_content {margin-top:30px;line-height:36px;font-size:16px;text-align:justify;} .company_content img {max-width:100%!important;} /*内页*/ /*页面底部*/ .footer {color:#c2c2c2;width:100%;line-height:30px;padding-bottom:50px;margin-top:50px; background:#1a1a1a;position:relative;font-size:14px;} .footer-menu {height:80px;display:flex;transform:translateY(-50%);background:#13826a url(../Image/header_nav_bg.png) no-repeat;} .footer-menu li {line-height:40px;flex:1;color:#fff;text-align:center;white-space: nowrap;} .footer-menu li a {display:block;position:relative;padding:20px;} .footer-menu li i {position:absolute;right:0; top: 50%; transform: translateY(-50%);display: none;width:1px;height:15px;background:rgba(192,192,192,.6);} .footer-menu li a:hover {background: #ffa60c;} .footer_con a,.footer_con {color:#c2c2c2;} .f_left {margin-left:-15px;color:#888888;} .f-type {padding-left:0;} .f-type a {color:#7f7f7f;} .footer a:hover {color:#fff;} .footer_con .wx {position:absolute;right:0;bottom:-30px;text-align:center;} .footer_con .wx img {height:95px;display:block;margin:0 auto;} .page-margin {height:70px;}/*空出底部导航距离*/ /*底部导航*/ #page-footer ul li {width:25%;} .page-footer {z-index:9999;background-color: #13826a;position: fixed;bottom: 0;left:0;width: 100%;margin:0;} .page-footer li {float:left;height:70px;line-height:50px;text-align: center;padding:10px 0;} .page-footer li a {width:100%;height:100%;text-align:center;color:#f9f4ee;} .page-footer li:hover {background:#000;} .page-footer li a i{font-size: 24px;color: #f9f4ee;display: block;margin-bottom: -10px;} #page-footer.five ul li {width:20%!important;} .top {line-height:50px;font-size: 36px;color: #f9f4ee;} .top_li {display:none;} .five .top_li {display:block;} /*底部导航*/ /*页面底部*/ @media(min-width:768px){ .menu {transform:translateY(50%);} } @media (max-width:767px) { #header {overflow: hidden;} .menu .container {padding:0;} .menu {margin-top:20px;margin-bottom: 40px;} .menu li {width:25%;} .menu li a {font-size: 14px;line-height:50px;height:50px;} .banner_bg img {width:200%;} /*----内页---*/ .page img {max-width: 100%!important;} .page_content iframe {width:100%!important;}/*限制视频宽度*/ .bdshare-slide-button {display:none!important;}/*分享按钮隐藏*/ .max-width-600 {width:100%!important;} .news_list li {padding:0;} .prev_page , .next_page {padding:0;} .prev_page {margin-bottom:10px;} .page_type_list a {width:32.5%;font-size: 14px;line-height: 30px;} .product_list_img {height:104px;} .product_list_img img {height:104px;} .page_tag {top:0;white-space: nowrap;} .page_title span:first-child,.page_tag span:first-child {font-size:24px;} .big {font-size:3.5rem;} .title b {font-size:24px!important;} /*----内页---*/ .index_03_img { height: 118px;} .index_03_img img { height: 118px;} .in_title_02 {font-size:14px;line-height: 35px;} .in_title_02 b {font-size:26px;line-height: 55px;} .index_03_left>span, .index_03_right>span,.index_04>.container>span {font-size:20px;} .index_03_right {padding-top: 20px;} .index_04_news li .tit {font-size:16px;} .index_04_news li .tit i{font-size: 12px;} .index_04_news li {padding-bottom: 20px;border-bottom: 1px dashed #eee;} .more {font-size: 12px;} .footer {padding-bottom: 25px; line-height: 35px;} #m_menu li a {line-height: 40px;} .product_list_tit {padding:5px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .index_02_content .swiper-slide img {width:100%; /*height: 200px;*/} .index_01_left {margin-left: -20px;} .index01_tit {padding:5px;} .f_left { margin-left:0px; } } @media (min-width:768px) and (max-width:991px) { /*----内页---*/ #m_menu li a {line-height: 60px;} /*----内页---*/ .index_03_img {height:236px;} .index_03_img img {height:236px;} } @media (max-width:768px) { .index_04_news li .tit {width:100%;line-height:32px;} .index_04_news li .tit i {color:#aaa;display:block;float:unset;} .footer {padding-top: 20px;margin-top: 0;} } @media(min-width:992px) { .footer {margin-top:60px;} } @media (min-width:992px) and (max-width:1199px) { .index_03_img {height:143px;} .index_03_img img {height:143px;} .footer { line-height: 24px;} .menu {transform: translateY(25%);} .menu li a {line-height:50px;height:50px;} } @media (min-width:1200px) { .footer {margin-top:80px;} .footer-menu li {font-size:16px;} .container {width:1200px;} .index_04_news {margin-left: -15px;margin-right: -15px;} .footer_con a {text-overflow:ellipsis;white-space: nowrap;} .top_tel-img {right:45px;} }/*内容区宽度*/ .info-back {float:left;line-height:60px;} .info-back a {border-radius: 15px;text-align:center;overflow:hidden;background:#888;color:#fff;padding:5px 20px;} .share_to {float:left;line-height:60px;} .share_to li{display: inline-block;line-height: 30px;} .share_to li a {font-size:22px;background:#1493d0;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;color: #FFF;border-radius: 50%;text-align: center;line-height: 30px;width: 30px;height: 30px;overflow: hidden;} .share_to li:nth-child(2n) a {background:#f40;} .share_to li:last-child a {background:#3dc464;} .bd_weixin_popup_foot:after {content:' ';display:block;clear:both;}